// 定义 Son 组件的 Props 类型
interface SonProps {
    onGetMsg: (msg: string) => void;
}

function Son({ onGetMsg }: SonProps) {
    const sonMsg = 'this is son msg';
    return (
        <div>
            {/* 在子组件中执行父组件传递过来的函数 */}
            <button onClick={() => onGetMsg(sonMsg)}>send</button>
        </div>
    );
}

function App() {
    // 定义 getMsg 函数，它接受一个字符串参数
    const getMsg = (msg: string) => console.log(msg);

    return (
        <div>
            {/* 传递父组件中的函数到子组件 */}
            <Son onGetMsg={getMsg} />
        </div>
    );
}

export default App;
